




<table>
    <td style="padding-left: 500px;">
        <h4>做了很久不会就从网上参考代码下来并做的！！！</h4></td>
</table>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Mine Sweep Game</title>
    <style type="text/css">
        #OuterBox { padding: 1000px;}
        #MineArea {padding: 30px;overflow: auto;}
        #MineArea table {border-top: 1px solid #cc2d32;border-left: 1px solid #cc2d32;}
        #MineArea table td {text-align: center;width: 80px;height: 80px; cursor: pointer;border-right: 1px solid #cc6169;border-bottom: 1px solid #cc6169;}
        .class0 {background-color: #18cd0c;}
        .class1 {background: url(Images/flag.gif) no-repeat center;}
        .class2 {background-color: rgba(24, 205, 12, 0.51);}
        .class3 {background: url(Images/mine3.png) no-repeat center;}
        .class4 {  background: url(Images/mine2.png) no-repeat center;}
        .class5 {background-color: rgba(62, 69, 57, 0.34);}
    </style>
    <script type="text/javascript" src="Mine.js"></script>
    <script type="text/javascript">
        window.onload = function(){
            initMineArea(8,8,10)
        }
    </script>
</head>
<body>
<div id="OuterBox" style=" padding: 50px;margin-left:400px;">
    <div>
        <table>
            <tr>
                <td style=" padding: 10px;">坚:</td><td><input id="m_r" type="text" size=2  width="20px" maxlength=2 value='8'/></td>
                <td style=" padding: 10px;">横:</td><td><input id="m_c" type="text" size=2 width="20px" maxlength=2 value='8'/></td>
                <td style=" padding: 10px;">
                    <select id="level">
                    <option id="x" value="10,10,10">初级</option>
                    <option value="15,15,25">中级</option>
                    <option value="20,20,40">高级</option>
                </select></td>
            </tr>
            <tr>
            <td style=" padding: 10px;">雷:</td><td><input id="m_m" type="text" size=2 width="20px" maxlength=2 value='10'/> </td>
            </tr>
            <tr> <td style="padding-left:50px;"> <input type="button" onclick="setMineArea()" value="开始"/></td>
                <td style="margin-left:50px;padding-left:50px">剩下雷数:</td>
                <td>    <span style="padding-left:0px;background:url(Images/mine.png) no-repeat left center"id="levelMine">  </span></td>
                <td>     </td>
                <td style="margin-left:50px;padding-left:50px">   时间:<span id="spanTime">0</span>


                    <span style="margin-left:50px;" id="winFace"></span>

                </td>
            </tr>



        </table>

    </div>
    <div id="MineArea">
    </div>
    <br/>

</div>
</body>
</html>
